草庐IT

css - 使 div 可滚动

全部标签

javascript - jasny bootstrap offcanvas 不会在手机上滚动

我使用jasnybootstrap插件创建了一个侧边菜单。标记相当简单:whichmayhavenested-->问题是它在手机上不可滚动。当我尝试滚动它时,它根本不起作用。我试图使用带有网络检查器的iOS模拟器对其进行深入检查,并尝试绑定(bind)一些事件。我尝试将scroll事件绑定(bind)到.sidemenu但此事件从未触发。然后我尝试绑定(bind)touchstart事件并且它按预期工作。我想这意味着它确实可以识别我的触摸,但它只是无法识别滚动手势?知道为什么它不起作用吗? 最佳答案 尝试将data-placemen

javascript - 在拖放元素上滚动在 IE9 中创建行

https://jsfiddle.net/hjcsnrs3/1/我创建了上面的fiddle来解释我的问题。我正在使用jQuerysortable水平拖放元素。在Chrome/FF中运行良好。但是在IE中,尤其是IE9,每当我拖动元素时,它都会掉到下一行。每次拖放都会创建新行。$(function(){$("#sortable").sortable({items:">div",opacity:0.8,placeholder:"placeholder",tolerance:"pointer",helper:"original",revert:true,axis:"x"});$("#sort

javascript - 如何在 JSS 格式上编写多个 CSS 属性?

我想为我当前的工作制定一些变通办法,这需要实现才能在iOS9.3及其之前的版本上获得正确的结果。它需要修复这行CSS:.wrapping-element{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}我想进入JSS。我的尝试是这样的:conststyles={root:{display:'-webkit-box',display:'-moz-box',display:'-ms-flexbox',display:'-webkit-flex',displ

javascript - 检测到屏幕外的 Div

我通过javascript(w/jQuery)和CSS编写了下拉菜单。下拉菜单工作正常,但如果下拉菜单位于Angular落,例如用户屏幕的最右边或最左边,那么如果用户打开下拉菜单,它会溢出到窗口的不可见区域并导致水平滚动条。如何停止溢出?HTMLMenuHello1Hello2Hello3CSS.dropdown{z-index:1}.dropdown.headlink{border:1pxsolid#C7C9CF;padding:4px6px;}.dropdownli{}.dropdowna{outline:none}.dropdownul{z-index:100;border:1p

javascript - 用 flash[ :notice] using right. js 的内容刷新一个 div?

我在我的sinatra应用程序中使用内联haml模板。我有一个包含如下部分的@@layout:#message-ifflash[:notice]%section.notice=flash[:notice]-ifflash[:error]%section.error=flash[:error]当我使用flash[:notice]="Hello!"在route并单击链接,下一页在#messagediv中愉快地说“你好”。太棒了。所以这就是问题所在,我正在使用right.js为我的应用程序添加一些ajax功能,rack-flash的行为充其量是不一致的。大多数情况下,您单击一个链接(.lin

javascript - 固定元素通过时如何在父元素内滚动元素?

这对我的jQuery/javascript知识来说有点太棘手了,所以我很抱歉地说我还没有真正尝试过任何东西。我需要一些提示来指明正确的方向!问题是我的页面上有一个固定元素,当向下滚动时这个元素将进入不同的包装器,而在那个包装器中我需要一个较小的子元素来“捕捉”到我的固定元素并且当它在元素。有点难以解释,我在这里做了一个静态模型:http://jsfiddle.net/ycmYc/当“固定购物车按钮”达到价格时,只要它在价格“product-div”内,我就需要它附加并与购物车按钮一起滚动。当它离开并进入下一个时,价格应保留在其产品的底部,然后在用户通过向上滚动到达它时再次捕捉到购物车按

javascript - jquery ui 可在容器内拖动滚动

我有一个无序列表,并使用jqueryuidraggable向每个列表项添加了可拖动功能。该列表位于id="content"的div中。这是我的UL列表的快照这是我写的代码:$(function(){$(".draggable").draggable({scroll:true,scrollSensitivity:100,revert:true,containment:'#content',zIndex:999990,revertDuration:100,delay:100});});OneTwoThreeFourfivesixSevenEightNineTenElevenTwelveTh

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - CSS3动画如何移动到某个关键帧?

假设我们有这样的动画:http://jsfiddle.net/utterstep/JPDwC/布局:backforward以及对应的CSS:@keyframessomeanimation{0%{width:100px;}50%{width:200px;}100%{width:100px;}}.animating{width:200px;height:200px;background-color:red;animation:someanimation5sinfinite;}我想在按后退或前进时转到下一个或上一个动画状态。可以有多个对象,我想同时切换它们的动画状态。是否可以通过CSS或CS

javascript - jQuery 和 Knockout 验证插件的 CSS 问题

问题:触发验证时CSS未更​​改场景:在我的元素中,我使用jQuery验证和knockoutvalidation。在knockout中,我有一个父模型绑定(bind)和子模型,它们是在按钮单击事件时动态生成的。验证:对于父模型绑定(bind),我有jQuery验证(使用模型验证)但是对于子模型,我有knockoutvalidation(因为模型中没有提到属性)问题:正在显示验证消息,但未绑定(bind)css错误类。对于我已经提到的knockoutvalidationko.validation.init({registerExtenders:true,messagesOnModifie